<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">

<head>
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
    <%= require('../partials/head.ejs')() %>
</head>

<body>
    <!-- S:header -->
    <header class="header">
        <a href="market-list.html" class="ico-back"></a>
        <h1 class="hd-tit hd-tit-2 center">富国低碳环保基金
        <small class="fund-code">062711</small>
    </h1>
    </header>
    <!-- E:header -->

    <!-- S:container -->
    <div class="container">
        <!-- market-detail -->
        <div class="market-detail light-bg">
            <!-- fund-summary -->
            <div class="fund-summary red-boxs">
                <p class="fund-date">更新日期为：2016-03-03</p>
                <ul class="col3-y">
                    <li>
                        <a href="history-profit.html">
                            <h4>万份收益(元)</h4>
                            <strong class="return-percent">2.888</strong>
                        </a>
                    </li>
                    <li>
                        <a href="history-profit.html">
                            <h4>七日年化</h4>
                            <strong class="return-percent green">-8.88%</strong>
                        </a>
                    </li>
                    <li>
                        <a href="history-profit.html">
                            <h4>今年以来收益</h4>
                            <strong class="return-percent">+8.88%</strong>
                        </a>
                    </li>
                </ul>
                <!-- <p class="fund-attr">
                    <span class="min-amount fr">1000.00元起购</span>
                    <span class="org-type fl">货币型</span>
                    <b class="bgin-dfx"></b><span class="risk">低风险</span>
                </p> -->
            </div>

            <div class="fund-attr-list-y">
                <p class="fund-attr-y">
                    <span class="btwem"><em>货币型</em></span>
                    <i></i>
                    <span class="btwem tub"><em><b class="bgin-dfx-y"></b>低风险</em></span>
                    <i></i>
                    <span class=""><em>1000.00元起购</em></span>
                </p> 
            </div>
            <!-- <div class="diff">
                <div class="shenoce">
                    <span>申购确认：1个交易日</span><span class="">赎回到账：5个工作日</span>
                </div>
            </div> -->

            <!-- md-bar -->
            <div class="md-bar-y box">
                <a href="fund-intro.html" class="grey arrow-right">
                    <span class="col">
						申购确认：<strong class="dark">1个交易日</strong>
					</span>
                    <span class="col">
						赎回到账：<strong class="dark">5个交易日</strong>
					</span>
                </a>
            </div>
            <!-- md-chart -->
            <div class="md-chart">
                <!-- sec-tab -->
                <div class="sec-tab center">
                    <a href="javascript:;" class="active">七日年化</a>
                </div>
                <!-- sec-tab-cont -->
                <div class="sec-tab-cont">
                    <div class="filter-tab">
                        <ul>
                            <li class="active">一月</li>
                            <li>一季</li>
                            <li>半年</li>
                            <li>一年</li>
                        </ul>
                    </div>
                    <!-- <div class="filter-cont"> -->
                        <!-- <ul class="grey"> -->
                            <!-- <li>2016-03-03</li>
                            <li>
                                七日年化收益：<strong class="dark">1.1545</strong>
                            </li>
                            <li> -->
                                <!-- red green -->
                                <!-- 万份收益：<strong class="red">+0.90%</strong>
                            </li>
                        </ul> -->
                    <!-- </div> -->
                    <div class="filter-cont">
                        <ul class="grey">
                            <li>2016-03-03</li>
                            <li>
                                单位净值：<strong class="dark">1.1545</strong>
                            </li>
                            <li>
                                <!-- red green -->
                                当日涨幅：<strong class="red">+0.90%</strong>
                            </li>
                        </ul>
                    </div>
                    <div class="filter-chart">
                        <!-- <img src="../../images/line-chart@2x.png" alt=""> -->
                        <div id="profitChart"></div>
                    </div>
                </div>
            </div>
            <!-- md-intro -->
            <div class="md-intro">
                <!-- sec-tab -->
                <div class="sec-tab">
                    <a href="javascript:;" class="active">简介</a>
                    <a href="javascript:;">分红</a>
                </div>
                <!-- sec-tab-cont 1 -->
                <div class="sec-tab-cont">
                    <div class="intro-list">
                        <ul class="line-bottom-list">
                            <li>
                                <a href="fund-manager.html" class="arrow-right">
                                    <span class="tit">基金经理</span><span class="cont">王小明</span>
                                </a>
                            </li>
                            <li>
                                <a href="fund-company.html" class="arrow-right">
                                    <span class="tit">基金公司</span><span class="cont">王小明投资有限公司</span>
                                </a>
                            </li>
                            <li>
                                <a href="invest-strategy.html" class="arrow-right">
                                    <span class="tit">投资策略</span><span class="cont">混合型激进型</span>
                                </a>
                            </li>
                            <div class="" style="padding:10px 0 ;">
                                <li>
                                    <span class="tit">成立日期</span><span class="cont">2016-03-03</span>
                                </li>
                                <li>
                                    <span class="tit">份额规模</span><span class="cont">39.68亿元</span>
                                </li>
                                <li>
                                    <span class="tit">资产规模</span><span class="cont">98.38亿元</span>
                                </li>
                            </div>
                        </ul>
                    </div>
                </div>
                <!-- sec-tab-cont 2 -->
                <div class="sec-tab-cont hide">
                    <div class="time-line">
                        <ul>
                            <li>
                                <span class="ico-wallet red-wallet"></span>
                                <p class="dark">每10份派1.00元份</p>
                                <p class="date grey">
                                    <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                    <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                                </p>
                            </li>
                            <li>
                                <span class="ico-wallet green-wallet"></span>
                                <p class="dark">每10份派1.00元份</p>
                                <p class="date grey">
                                    <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                    <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                                </p>
                            </li>
                            <li>
                                <span class="ico-wallet red-wallet"></span>
                                <p class="dark">每10份派1.00元份</p>
                                <p class="date grey">
                                    <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                    <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                                </p>
                            </li>
                            <li>
                                <span class="ico-wallet green-wallet"></span>
                                <p class="dark">每10份派1.00元份</p>
                                <p class="date grey">
                                    <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                    <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- E:container -->

    <!-- S:fix-bar -->
    <!-- <div class="fix-bar">
        <p class="grey">申购费率</p>
        <p class="fee-rate">
            <a href="fee-rate.html">
                <strong class="red">1.00%</strong>
                <del class="grey">1.5%</del>
            </a>
        </p>
        <a href="fund-purchase.html" class="fix-btn">申购</a>
    </div> -->
    <!-- E:fix-bar -->

    <script type="text/javascript">
        seajs.use([
            "highcharts"
        ], function(service) {
            $(function() {
                $('#profitChart').highcharts({
                    colors: ['#95c108'],
                    chart: {
                        spacingRight: 20,
                        marginTop: 35,
                        type: 'area',
                        height: $.remPx(6.25)
                    },
                    title: {
                        text: ''
                    },
                    subtitle: {
                        text: document.ontouchstart === undefined ?
                            '' : ''
                    },
                    yAxis: {
                        title: {
                            align: 'high',
                            offset: 0,
                            text: '',
                            rotation: 0,
                            y: -10
                        },
                        tickInterval: 0.1
                    },
                    xAxis: {
                        labels: {
                            rotation: 0,
                            distance: 0,
                            overflow: "justify"
                        },
                        tickInterval: 1,
                        tickmarkPlacement: 'on',
                        min: 0,
                        categories: ['01',
                            '02',
                            '03',
                            '04',
                            '05',
                            '06',
                            '07',
                            '08',
                            '09',
                            '10',
                            '11',
                            '12',
                            '13',
                            '14',
                            '15',
                            '16',
                            '17',
                            '18',
                            '19',
                            '20',
                            '21',
                            '22',
                            '23',
                            '24',
                            '25',
                            '26',
                            '27',
                            '28',
                            '29',
                            '30',
                            '31',
                        ]
                    },
                    tooltip: {
                        animation: false,
                        shadow: false,
                        followPointer: false,
                        followTouchMove: false,
                        shared: true,
                        formatter: function() {
                            return '07-' + this.x + this.y;
                        },
                    },
                    legend: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    credits: {
                        enabled: false
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0,
                            borderRadius: 3
                        }
                    },

                    series: [{
                        data: [
                            0.1,
                            0.2,
                            0.3,
                            0.4,
                            0.5,
                            0.6,
                            0.7,
                            0.8,
                            0.9,
                            1.0,
                            1.1,
                            1.2,
                            1.3,
                            1.4,
                            1.5,
                            1.6,
                            1.7,
                            1.8,
                            1.9,
                            2.0,
                            2.1,
                            2.2,
                            2.3,
                            2.4,
                            2.5,
                            2.6,
                            2.7,
                            2.8,
                            2.9,
                            3.0,
                            3.1,
                        ],
                        showInLegend: false
                    }],
                });
            });

        });
    </script>
</body>

</html>
